<!DOCTYPE html>
<html lang="zn-CN">
<head>
    <meta charset="UTF-8">
    <title>SWPU IP监控系统</title>
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <link rel="shortcut icon" href="static/picture/swpu02.ico" />
    <script src="static/layui/layui.js"></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo layui-hide-xs layui-bg-black">SWPU IP监控系统</div>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test" lay-shrink="all">
                <li class="layui-nav-item">
                    <a href="javascript:;">IP源数据</a >
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="ipMessage.html">IP监控</a ></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">IP数据可视化</a >
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="dataTest.html">可视化模型</a ></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">Top N 模式IP监测</a >
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="Dos.html">拒绝服务攻击监测（Dos）</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="DDos.html">分布式拒绝服务攻击监测（DDos）</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="fromTopN.html">异常源IP数目监控</a ></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">端口监控</a >
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="redCode.html">红色代码病毒</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="Blackmail.html">勒索病毒</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="Dns.html">DNS解析攻击</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="Opasoft.html">硬盘杀手</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="Slammer.html">蠕虫王</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="Blaster.html">冲击波</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="Welchia.html">冲击波杀手</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="ShockWave.html">震荡波</a ></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">异常单流监测</a >
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="AnomaliesSingleFlow.html">异常</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="SmurfOrFraggle.html">Smurf/Fraggle攻击</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="Land.html">Land攻击</a ></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">异常流模式监测</a >
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="menuUrl" data="ForTheHost.html">面向主机的端口扫描</a ></dd>
                        <dd><a href="javascript:;" class="menuUrl" data="ForTheNetwork.html">面向网络的端口扫描</a ></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <!--        <div style="padding: 15px;">-->
<!--        <iframe src="ipMessage.html" frameborder="0" id="demoAdmin" style="width: 100%; height: 100%; border-radius: 2px;"></iframe>-->
        <iframe src="dataTest.html" frameborder="0" id="demoAdmin" style="width: 100%; height: 100%; border-radius: 2px;"></iframe>
        <!--        </div>-->
    </div>

    <script type="text/javascript">
        layui.use(['jquery'],function () {
            var $ = layui.jquery;
            $(".menuUrl").click(function () {
                var menuUrl = $(this).attr("data");
                console.log("menUrl" ,menuUrl)
                $("#demoAdmin").attr("src",menuUrl);
            })
        })
    </script>
</div>

</body>
</html>